var categoryList = [{
        category_id: 1,
        category_name: '标签印刷(多色)',
        active: true,
        imgUrl: 'http://img.360code.com/PrintServices/2017/05/27/201705271028187.png',
        desc: ` <h3>标签印刷(多色)</h3>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
            </p>
            <p>适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
                适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>`,
        children: [{
            category_id: 1,
            category_name: '多色印刷+黑色打印',
            material_id: 'P00011',
            material_name: "铜版纸",
        }]
    },
    {
        category_id: 2,
        category_name: '标签打印(黑色)',
        active: false,
        imgUrl: 'http://img.360code.com/PrintServices/2017/05/26/201705260944413.png',
        desc: ` <h3>标签打印(黑色)</h3>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
            </p>
            <p>适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
                适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>`,
    }, {
        category_id: 3,
        category_name: '多色印刷+黑色打印',
        active: false,
        imgUrl: 'http://img.360code.com/PrintServices/2017/05/26/201705260944477.png',
        desc: ` <h3>多色印刷+黑色打印</h3>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
            </p>
            <p>适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
                适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>`,
    }, {
        category_id: 4,
        category_name: '定制空白标签',
        active: false,
        imgUrl: 'http://img.360code.com/PrintServices/2017/05/26/201705260944534.png',
        desc: ` <h3>定制空白标签</h3>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
            </p>
            <p>适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
                适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>`,
    }
];

var techList = [{
    id: 1,
    pid: 0,
    name: '颜色',
    active: false,
    imgUrl: 'http://img.360code.com/PrintServices/2018/06/14/201806141120265.png',
    desc: ` <h3>标签印刷(多色)</h3>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
            </p>
            <p>适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
                适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>`,
    children: [{
        id: 10,
        name: '无',
        children: [],
        active: false,
        pid: 1,
        imgUrl: ''
    }, {
        id: 11,
        pid: 1,
        name: '一色',
        children: [],
        active: false,
        imgUrl: ''
    }, {
        id: 12,
        pid: 1,
        name: '二色',
        children: [],
        active: false,
        imgUrl: ''
    }, {
        id: 13,
        pid: 1,
        name: '三色',
        children: [],
        active: false,
        imgUrl: ''
    }, {
        id: 14,
        pid: 1,
        name: '四色',
        children: [],
        active: false
    }, {
        id: 15,
        pid: 1,
        name: '五色',
        children: [],
        active: false
    }, {
        id: 16,
        pid: 1,
        name: '六色',
        children: [],
        active: false
    }]
}, {
    id: 2,
    pid: 0,
    name: '丝网印',
    imgUrl: 'http://img.360code.com/PrintServices/2017/05/26/201705260946181.png',
    desc: ` <h3>标签印刷(多色)</h3>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
            </p>
            <p>适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>
            <p> 根据您选择的材质，结合您的文件，为您印刷成内容全部一致的彩色标签，尺寸规格由您自行输入，文件在后续上传。
                适用于彩色的空白标签，商品标签，宣传标签，广告促销标签，公司logo标签等。</p>
            <p> 此处为富文本框内容,数据对接完成后,再对二次调整</p>`,
    children: [{
        id: 20,
        pid: 2,
        name: '无',
        children: [],
        active: false
    }, {
        id: 21,
        pid: 2,
        name: '一色',
        children: [],
        active: false
    }, {
        id: 22,
        pid: 2,
        name: '二色',
        children: [],
        active: false
    }, {
        id: 23,
        pid: 2,
        name: '三色',
        children: [],
        active: false
    }]
}, {
    id: 3,
    pid: 0,
    name: '热烫',
    active: false,
    imgUrl: 'http://img.360code.com/PrintServices/2018/07/13/201807131527266.jpg',
    children: [{
        id: 30,
        pid: 3,
        name: '无',
        children: [],
        active: false
    }, {
        id: 31,
        pid: 3,
        name: '热烫',
        children: [],
        active: false
    }, {
        id: 32,
        pid: 3,
        name: '烫银',
        children: [],
        active: false
    }, {
        id: 33,
        pid: 3,
        name: '其它色号',
        children: [],
        active: false
    }]
}, {
    id: 4,
    name: '可变信息',
    pid: 0,
    active: false,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141400395.jpg',
    children: [{
        id: 40,
        pid: 4,
        name: '无',
        children: [],
        active: false
    }, {
        id: 41,
        name: '一色',
        children: [],
        active: false,
        pid: 4
    }, {
        id: 42,
        name: '二色',
        children: [],
        active: false,
        pid: 4
    }, {
        id: 43,
        name: '三色',
        children: [],
        active: false,
        pid: 4
    }]
}, {
    id: 5,
    pdi: 0,
    active: false,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141353034.jpg',
    name: '可变信息',
    children: [{
        id: 50,
        pid: 5,
        name: '无',
        children: [],
        active: false
    }, {
        id: 51,
        pid: 5,
        name: '乱序条码',
        children: [],
        active: false
    }, {
        id: 52,
        name: '乱序条码',
        children: [],
        active: false,
        pid: 5
    }, {
        id: 53,
        name: '彩色二维码',
        children: [],
        active: false,
        pid: 5
    }, {
        id: 54,
        name: '顺序二维码',
        children: [],
        active: false,
        pid: 5
    }]
}, {
    id: 6,
    pid: 0,
    active: false,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/19/201812191132085.jpg',
    name: '丝网印',
    children: [{
        id: 60,
        pid: 6,
        name: '无需模切',
        children: [],
        active: false
    }, {
        id: 61,
        pid: 6,
        name: '单座模切',
        children: [],
        active: false
    }, {
        id: 62,
        pid: 6,
        name: '双座模切',
        children: [],
        active: false
    }]
}, ];


var packageArr = [{
    show_sum: 3,
    inputStyle: 0,
    name: '标签宽度',
    id: 1,
    active: false,
    pid: 0,
    imgUrl: '',
    children: [],
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/19/201812191132085.jpg'
}, {
    show_sum: 3,
    inputStyle: 0,
    name: '标签高度',
    id: 2,
    active: false,
    pid: 0,
    imgUrl: '',
    children: [],
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/19/201812191132085.jpg'
}, {
    show_sum: 1,
    inputStyle: 0,
    name: '每卷数量',
    id: 3,
    active: false,
    pid: 0,
    imgUrl: '',
    children: [],
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/19/201812191132085.jpg'
}, {
    show_sum: 3,
    inputStyle: 1,
    name: '边距',
    id: 4,
    active: false,
    pid: 0,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/19/201812191132085.jpg',
    children: [{
        name: '10',
        id: 41,
        active: false,
        pid: 4,
    }, {
        name: '20',
        id: 42,
        active: false,
        pid: 4,
    }, {
        name: '30',
        id: 43,
        active: false,
        pid: 4,
    }, {
        name: '40',
        id: 45,
        active: false,
        pid: 4,
    }]

}, {
    show_sum: 3,
    inputStyle: 1,
    name: '跳距',
    id: 5,
    active: false,
    pid: 0,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141353034.jpg',
    children: [{
        name: '10',
        id: 51,
        active: false,
        pid: 5,
    }, {
        name: '20',
        id: 52,
        active: false,
        pid: 5,
    }, {
        name: '30',
        id: 53,
        active: false,
        pid: 5,
    }, {
        name: '40',
        id: 54,
        active: false,
        pid: 5,
    }]

}, {
    show_sum: 1,
    inputStyle: 2,
    name: '卷心内径',
    id: 6,
    active: false,
    pid: 0,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141400395.jpg',
    children: [{
        name: '1',
        id: 11,
        active: false,
        pid: 6
    }, {
        name: '2',
        id: 12,
        active: false,
        pid: 6
    }, {
        name: '3',
        id: 13,
        active: false,
        pid: 6
    }, {
        name: '4',
        id: 15,
        active: false,
        pid: 6
    }]

}, {
    show_sum: 1,
    inputStyle: 2,
    name: '卷心内径',
    id: 7,
    active: false,
    pid: 0,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141400395.jpg',
    children: [{
        name: '是',
        id: 71,
        active: false,
        pid: 7,
    }, {
        name: '否',
        id: 72,
        active: false,
        pid: 7,
    }]

}, {
    show_sum: 3,
    inputStyle: 2,
    name: 'R角大小',
    id: 8,
    active: false,
    pid: 0,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141400395.jpg',
    children: [{
        name: '0.5',
        id: 11,
        active: false,
        pid: 8
    }, {
        name: '1',
        id: 12,
        active: false,
        pid: 8
    }, {
        name: '1.5',
        id: 13,
        active: false,
        pid: 8
    }, {
        name: '2',
        id: 15,
        active: false,
        pid: 8
    }, {
        name: '2.5',
        id: 13,
        active: false,
        pid: 8
    }, {
        name: '3',
        id: 15,
        active: false,
        pid: 8
    }]

}, {
    show_sum: 1,
    inputStyle: 3,
    name: '出标方向',
    id: 9,
    active: false,
    pid: 0,
    child_value: 91,
    actived_child_item: {
        name: '外卷左出标',
        id: 91,
        active: true,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_1.png'
    },
    imgUrl: 'http://img.360code.com/PrintServices/2018/07/13/201807131527266.jpg',
    children: [{
        name: '外卷左出标',
        id: 91,
        active: true,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_1.png'
    }, {
        name: '外卷右出票',
        id: 92,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_2.png'
    }, {
        name: '外卷上出票',
        id: 93,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_3.png'
    }, {
        name: '外卷下出票',
        id: 94,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_4.png'
    }, {
        name: '内卷左出标',
        id: 95,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_5.png'
    }, {
        name: '内卷右出票',
        id: 96,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_6.png'
    }, {
        name: '内卷上出票',
        id: 97,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_7.png'
    }, {
        name: '内卷下出票',
        id: 98,
        active: false,
        pid: 9,
        imgUrl: 'http://www.tuanlabel.com/wstmart/home/view/default/img/merch_8.png'
    }]

}, {
    show_sum: 3,
    inputStyle: 2,
    name: '出标列数',
    id: 10,
    active: false,
    pid: 0,
    imgUrl: 'http://img.360code.com/PrintServices/2018/12/14/201812141353034.jpg',

    children: [{
        name: '1',
        id: 101,
        active: false,
        pid: 10
    }, {
        name: '2',
        id: 102,
        active: false,
        pid: 10
    }, {
        name: '3',
        id: 103,
        active: false,
        pid: 10
    }, {
        name: '4',
        id: 104,
        active: false,
        pid: 10
    }]
}]